<!doctype html>
<html lang="en"><head>
    <meta charset="utf-8">
    <title>信息发布系统</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">


    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.css">

    <script src="js/jquery.min.js" type="text/javascript"></script>

    <script src="jQuery-Knob/js/jquery.knob.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".knob").knob();
        });
    </script>


    <link rel="stylesheet" type="text/css" href="css/theme.css">
    <!--<link rel="stylesheet" type="text/css" href="stylesheets/premium.css">-->

</head>
<body class=" theme-blue">

<!-- Demo page code -->

<script type="text/javascript">
    $(function() {
        var match = document.cookie.match(new RegExp('color=([^;]+)'));
        if(match) var color = match[1];
        if(color) {
            $('body').removeClass(function (index, css) {
                return (css.match (/\btheme-\S+/g) || []).join(' ')
            })
            $('body').addClass('theme-' + color);
        }

        $('[data-popover="true"]').popover({html: true});

    });
</script>
<style type="text/css">
    #line-chart {
        height:300px;
        width:800px;
        margin: 0px auto;
        margin-top: 1em;
    }
    .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
        color: #fff;
    }
</style>

<script type="text/javascript">
    $(function() {
        var uls = $('.sidebar-nav > ul > *').clone();
        uls.addClass('visible-xs');
        $('#main-menu').append(uls.clone());
    });
</script>


<!--顶部-->
<div class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="" href="index.html"><span class="navbar-brand"><span class="fa fa-paper-plane"></span> 四川腾达建筑设计有限公司</span></a></div>

    <div class="navbar-collapse collapse" style="height: 1px;">
        <ul id="main-menu" class="nav navbar-nav navbar-right">
            <li class="dropdown hidden-xs">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    <span class="glyphicon glyphicon-user padding-right-small" style="position:relative;top: 3px;"></span>admin
                    <i class="fa fa-caret-down"></i>
                </a>

                <ul class="dropdown-menu">
                    <li><a href="./">My Account</a></li>
                    <li><a tabindex="-1" href="sign-in.html">Logout</a></li>
                </ul>
            </li>
        </ul>

    </div>
</div>



<div class="sidebar-nav">
    <ul>


        <li data-popover="true"  rel="popover" data-placement="right"><a href="#" data-target=".news-menu" class="nav-header collapsed" data-toggle="collapse">
            <i class="fa fa-fw fa-dashboard"></i>新闻管理<i class="fa fa-collapse"></i></a></li>
        <li><ul class="news-menu nav nav-list collapse">

            <li><a href="ckeditor/samples/index.html"><span class="fa fa-caret-right"></span> 普通新闻添加</a></li>
            <li><a href="new_index.html"><span class="fa fa-caret-right"></span> 新闻查看</a></li>
            <li><a href="newsclass_add.html"><span class="fa fa-caret-right"></span> 分类查看</a></li>

        </ul></li>


    </ul>
</div>

<div class="content">

    <h1>查看及推送新闻内容</h1>
    <table class="table table-bordered table-hover">
        <thead>
        <tr>
            <th>标题</th>
            <th>作者</th>
            <th>简介</th>
            <th>类别</th>
            <th>添加时间</th>
            <th>操作</th>
        </tr>
        </thead>

        <tbody id="news_tbody">

        </tbody>
    </table>

    <ul class="pager">
        <li id="pre"><a href="#">&laquo;</a></li>
        <span id="current"></span>/<span id="all"></span>
        <li id="next"><a href="#">&raquo;</a></li>
    </ul>



    <!--模态框-->
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">

                        <div class="form-group">
                            推送选项：
                        </div>


                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1"  checked="true" value="1">
                                推送给所有人
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="2">
                                推送给所有终端机
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="3">
                                推送给所有APP
                            </label>
                        </div>

                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="4">
                                推送给特定区域下所有人
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio5" value="5">
                                推送给特定区域下所有终端机
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio6" value="6">
                                推送给特定区域下所有APP
                            </label>
                        </div>

                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio7" value="7">
                                推送给某人
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio8" value="8">
                                推送给某台终端机
                            </label>
                        </div>
                        <div class="form-group">
                            推送类型:
                        </div>
                        <div class="form-group">
                            <select class="form-control" id="type" name="type">

                            </select>
                        </div>

                        <div class="form-group" style="display: none" id="orginno_div">
                            <label for="select_first" class="col-sm-2 control-label">区域编码</label>
                            <div id="my_select" style="float: left;margin-left: 14.5%;">
                                <select id="select_first">

                                </select>
                            </div>

                        </div>

                        <div class="form-group"  style="display: none" id="key_div">
                            <label for="key" class="col-sm-2 control-label">设备标识符</label>
                            <input name="key" type="text" id="key" value="">
                        </div>

                    </form>


                </div>


                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary push">推送</button>
                </div>
            </div>
        </div>
    </div>

</div>


<script src="js/bootstrap.min.js"></script>

<script src="js/config.js"></script>
<script src="js/area_choose.js"></script>
<script src="js/news_index.js"></script>

<script type="text/javascript">
    $("[rel=tooltip]").tooltip();
    $(function() {
        $('.demo-cancel-click').click(function(){return false;});
    });
</script>


</body></html>
